﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,inital-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no, email=no" />
<title>AG198澳新跨境</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.mobile.min.js"></script>
<script language="javascript" type="text/javascript" src="js/base.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.lazyload.js"></script>
</head>

<body>
<div class="filter-area" id="filter-area">
<div class="filter-box">
<div class="filter-scroll box" id="Classify">
<div class="filter-scroller">
<ul class="filter-tab clearfix">
<li class="tap">品牌</li>
<li class="tap">型号</li>
<li class="tap active">分类</li>
</ul>
</div>
</div>
</div>
<div class="filter-box w-thirds">
<div class="filter-scroll" id="Classify_S">
<div class="filter-scroller">
<ul class="filter-tab clearfix">
<li class="tap">全部<span class="num">12509</span></li>
<li class="tap">优惠买单<span class="num">7344</span></li>
<li class="tap">代金券<span class="num">7511</span></li>
<li class="tap">甜点饮品<span class="num">3028</span></li>
<li class="tap">生日蛋糕<span class="num">1505</span></li>
<li class="tap">火锅<span class="num">937</span></li>
<li class="tap">自助餐<span class="num">401</span></li>
<li class="tap">全部<span class="num">12509</span></li>
<li class="tap">优惠买单<span class="num">7344</span></li>
<li class="tap">代金券<span class="num">7511</span></li>
<li class="tap">甜点饮品<span class="num">3028</span></li>
<li class="tap">生日蛋糕<span class="num">1505</span></li>
<li class="tap">火锅<span class="num">937</span></li>
<li class="tap">自助餐<span class="num">401</span></li>
<li class="tap">全部<span class="num">12509</span></li>
<li class="tap">优惠买单<span class="num">7344</span></li>
<li class="tap">代金券<span class="num">7511</span></li>
<li class="tap">甜点饮品<span class="num">3028</span></li>
<li class="tap">生日蛋糕<span class="num">1505</span></li>
<li class="tap">火锅<span class="num">937</span></li>
<li class="tap">自助餐<span class="num">401</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="layer-bg" id="layer-bg" style="z-index:99;"></div>

<div class="wrap clearfix">
<header class="header bgf">
<div class="name">母婴产品</div>
<span class="back" id="back"><i class="icon-back icon"></i></span>
</header>
<div class="clear"></div>
<!-- header end -->
<div class="h40"></div>
<div class="filter-bar active">
<ul class="fb-nav" id="fb-nav">
<li class="tab active"><a class="tap" href="#">人气</a></li>
<li class="tab"><a class="tap" href="#">销量</a></li>
<li class="tab"><a class="tap" href="#">新品</a></li>
<li class="tab"><a class="tap" href="#">价格<span class="arrow"><i class="icon-arrow-t current"></i><i class="icon-arrow-b"></i></span></a></li>
<li class="tab blline" id="filter">筛选</li>
</ul>
</div>
<ul class="goods-list mb10 clearfix" id="float">
<li class="item">
<a href="show.html" class="tap">
<span class="tags">5折<br>优惠</span>
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p1.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<span class="tags tags-purple">推荐<br>产品</span>
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p3.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<span class="tags tags-yellow">热销<br>产品</span>
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p5.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<span class="tags tags-blue">新品<br>速递</span>
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p7.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p9.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p11.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p13.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p15.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p17.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p19.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p21.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p23.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p27.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p29.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p31.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
<li class="item">
<a href="show.html" class="tap">
<div class="imgbox"><img src="images/grey.gif" class="lazy" data-original="images/p33.jpg" /></div>
<p class="name">nepia 妮飘 粉色小猪无酒精型除菌无香湿巾</p>
<div class="price-box">
<p class="unit c5">¥25.00</p>
<p class="c2">市场价：<span class="tdl">¥99.00</span></p>
<span class="now-buy"><i class="icon-gwd icon"></i></span>
</div>
</a>
</li>
</ul>

<!-- footer begin -->
<div class="clear"></div>
<nav class="bot-nav">
<a href="index.html" class="tab"><i class="icon-home icon"></i><p>首页</p></a>
<a href="class.html" class="tab active"><i class="icon-sort icon"></i><p>分类</p></a>
<a href="car.html" class="tab"><i class="icon-car icon"></i><p>购物车</p></a>
<a href="login.html" class="tab"><i class="icon-user icon"></i><p>我的</p></a>
</nav>
</div>

<script language="javascript" type="text/javascript" src="js/iscroll.js"></script>
<script>
//图片懒加载
$("img.lazy").lazyload({
	 effect:"fadeIn",
	 threshold:200
	 });

var ClassifyScroll,Classify_S_Scroll;
function loaded () {
	ClassifyScroll = new IScroll('#Classify',{
		eventPassthrough: false,
		scrollX: false,
		scrollY: true,
		preventDefault:false,
		fadeScrollbars:true,
		scrollbars:true
		});
	Classify_S_Scroll = new IScroll('#Classify_S',{
		eventPassthrough: false,
		scrollX: false,
		scrollY: true,
		preventDefault:false,
		fadeScrollbars:true,
		scrollbars:true
		});

}
loaded();

$(function(){
	$(document).bind("touchmove",function(event){
		if($("#filter-area").hasClass("active")){
			event.preventDefault();
			}
		});
	$("#filter").bind({
		tap:function(event){
			if($(this).hasClass("active")){
				$(this).removeClass("active");
				$("#filter-area").removeClass("active");
				$("#layer-bg").removeClass("active");
				$("#filter-area .filter-box").removeClass("active");
			}
			else{
				$("#filter-area .filter-box").removeClass("active");
				$("#filter-bar .tab").removeClass("active");
				$(this).addClass("active");
				$("#filter-area").addClass("active");
				$("#layer-bg").addClass("active");
				$("#Classify").parents(".filter-box").addClass("active");
				$("#Classify_S").parents(".filter-box").addClass("active");
				ClassifyScroll.scrollTo(0,0,0,true);
				Classify_S_Scroll.scrollTo(0,0,0,true);
				}
			return false;
			}
		});
	});
</script>
</body>
</html>
